<template>
	<view class="">
		<view class="content">
			<view class="footer-img">

			</view>
			<view class="footer-view">
				<image class="footer-view-img" src="../../static/images/borderzhengming.png" mode=""></image>
				<text class="footer-view-text">
					请问您是否具有《工会法人资格证书》?
				</text>
			</view>
		</view>
		<view class="btn1 flex btn-postion">
			<button style=" border: 1rpx solid #bd1a2d;  background-color: #fff;color: #bd1a2d;" class="button flex1 margin20" @click="golayoutView">
				否
			</button>
			<button class="button flex1" @click="godigitalidentity">
				是
			</button>
		</view>
	</view>


</template>

<script>
		import {
			cardPacksOrganizeStays
		} from '../../utils/newView';
	export default {
		onBackPress(options) {
			if (options.from === 'navigateBack') {
				return false;
			}
			uni.showModal({
				title: '提示',
				content: '是否退出当前页面？',
				success: function(res) {
					if (res.confirm) {
				this.$router.back();
				this.$router.back();
					} else if (res.cancel) {
						console.log('用户点击取消');
					}
				}
			});
			return true;
		},
		data() {
			return {};
		},
		methods: {
			golayoutView() {
				this.$tab.navigateTo(`/pages/work/unionsettlement`)
			},
			godigitalidentity() {
				// // this.$tab.navigateTo(`/pages/work/digitalidentity`)
				// this.$router.back()
				// this.$router.back()
				cardPacksOrganizeStays()
			}

		}
	}
</script>

<style scoped lang="scss">
	.content {
		width: 100%;
		height: 90vh;
		display: flex;
		justify-content: flex-end;
		background-image: url('../../static/images/certificateoflegalpersonnelback.png');
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}

	.footer-img {

		width: 100%;
		height: 54%;
		background-color: rgba(189, 26, 45, 1);
		z-index: -1;

		clip-path: ellipse(80% 70% at 50% 0);


	}

	.footer-view {
		width: 80%;
		height: 20%;
		z-index: 2;
		position: absolute;
		bottom: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		border-radius: 20rpx;
		background: rgba(189, 26, 45, 1);
		border: 1rpx solid rgba(255, 255, 255, 1);
		display: flex;
		justify-content: center;
		align-items: center;
		
		.footer-view-img{
			width: 190rpx;
			height: 190rpx;
			position: absolute;
			top: -30%;
			left: 50%;
			transform: translateX(-50%);
			
		}

		.footer-view-text {
			width: 70%;
			font-size: 16px;
			font-weight: 500;
			letter-spacing: 0px;
			line-height: 23.17px;
			color: rgba(255, 255, 255, 1);
			text-align: center;
		}
	}

	.btn-postion {
		width: 100%;
		position: absolute !important;
		bottom: 100rpx;
		left: 50%;
		transform: translateX(-50%);
	}
</style>